<svg width="300" height="300" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg" >
<rect width="300" height="300" fill="#000"/>
<g filter="url(#filter0_i_242_64122)" transform="scale(1,-1) translate(0,-515)">
<rect x="206" y="237" width="20" height="45" fill="green">
    <animate attributeName="height" from="0" to="45" dur="2s" repeatCount="indefinite" fill="freeze" />
    </rect>
</g>
<g filter="url(#filter1_i_242_64122)" transform="scale(1,-1) translate(0,-460)">
<rect x="86" y="182" width="20" height="100" fill="green">
    <animate attributeName="height" from="0" to="100" dur="2s" repeatCount="indefinite" fill="freeze" />
    </rect>
</g>
</svg>

<!--
https://blog.csdn.net/weixin_43207208/article/details/130123411?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-130123411-blog-137647682.235%5Ev43%5Epc_blog_bottom_relevance_base5&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-1-130123411-blog-137647682.235%5Ev43%5Epc_blog_bottom_relevance_base5&utm_relevant_index=1
-->